<%@ page contentType="text/html;charset=UTF-8" language="java"
         isELIgnored="false" %>


<!DOCTYPE html>
<html lang="zxx">

<head>
    <title></title>
    <!-- Meta tag Keywords -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8"/>
    <meta name="keywords"
          content=""/>

    <!--/Style-CSS -->
    <link rel="stylesheet" href="${pageContext.servletContext.contextPath}/static/error/css/style.css" type="text/css"
          media="all"/>
    <!--//Style-CSS -->

    <!--/fontAwesome-CSS -->
    <link rel="stylesheet" href="${pageContext.servletContext.contextPath}/static/error/css/fontAwesome.css"
          type="text/css" media="all"/>

    <script type="text/javascript"
            src="${pageContext.servletContext.contextPath}/webjars/jquery/3.1.1/jquery.js"></script>
    <!--/fontAwesome-CSS -->
</head>

<body>
<div class="error-block">
    <h1><a href="#logo" class="brand-logo">Fixed Error</a></h1>
    <div class="grids-2">
        <div class="right-grid">
            <h2>404</h2>
            <h3 id="num">将于 5 秒后返回登录界面</h3>
            <a href="${pageContext.servletContext.contextPath}/login.jsp" class="home btn"> 返回登录 </a>
        </div>
    </div>
    <!-- copyright -->
    <div class="copyright text-center">
    </div>
    <!-- //copyright -->
</div>
</body>

<script !src="">
    $(() => {
        let timeNum = 5;
        let $num = $("#num");
        setInterval(function () {
            --timeNum;
            if (timeNum < 0) {
                location.href = "${pageContext.servletContext.contextPath}/login.jsp";
                return;
            }
            $num.text("将于 " + timeNum + " 秒后返回登录界面");
        }, 1000);
    });
</script>

</html>
